<template>
  <div id="app">
    <nav>
      <router-link tag="p" to="/">精选</router-link>
      <router-link tag="p" to="/about">分类</router-link>
      <router-link tag="p" to="/book">小萌书</router-link>
      <router-link tag="p" to="/cart">购物车</router-link>
      <router-link tag="p" to="/ours">我的E宠</router-link>
    </nav>
    <router-view/>
  </div>
</template>

<style lang="scss">
*{
  margin: 0 ;
  padding: 0;
}
#app{
  width: 375px;
  height:auto;
  background-color: #f4f4f4;
  nav{
    width: 375px;
    height: 52px;
    background-color: #fbfbfb;
    position: fixed;
    bottom: 0 ;
    left: 0;
    display: flex;
    justify-content: space-around;
    box-shadow: 0 -5px 15px -15px rgba(0, 0, 0, 0.5);
    align-items: center;
    font-size: 12px;
    z-index: 9999;
  }
}

</style>
